﻿@model DailyMail.ViewModels.AccountViewModel
@{
    ViewBag.Title = "Create";
}

@*<h2>Register</h2>*@

<div class="page-container">

    @using (Html.BeginForm("Create", "Account", FormMethod.Post))
    {
        @Html.ValidationSummary(true)
        <fieldset>
            <legend>Account Registration</legend>
            <div class="form-row">
                <div class="form-left-col">
                    @Html.LabelFor(m => m.Account.FirstName)
                </div>
                <div class="form-right-col">
                    <div class="form-field">
                        @Html.TextBoxFor(m => m.Account.FirstName)
                    </div>
                    <div class="form-error">
                        @Html.ValidationMessageFor(m => m.Account.FirstName)
                    </div>
                </div>
            </div>

            <div class="form-row">
                <div class="form-left-col">
                    @Html.LabelFor(m => m.Account.MiddleName)
                </div>
                <div class="form-right-col">
                    <div class="form-field">
                        @Html.TextBoxFor(m => m.Account.MiddleName)
                    </div>
                    <div class="form-error">
                        @Html.ValidationMessageFor(m => m.Account.MiddleName)
                    </div>
                </div>
            </div>

            <div class="form-row">
                <div class="form-left-col">
                    @Html.LabelFor(m => m.Account.LastName)
                </div>
                <div class="form-right-col">
                    <div class="form-field">
                        @Html.TextBoxFor(m => m.Account.LastName)
                    </div>
                    <div class="form-error">
                        @Html.ValidationMessageFor(m => m.Account.LastName)
                    </div>
                </div>
            </div>

            <div class="form-row">
                <div class="form-left-col">
                    @Html.LabelFor(m => m.Account.PrimaryEmail)
                </div>
                <div class="form-right-col">
                    <div class="form-field">
                        @Html.TextBoxFor(m => m.Account.PrimaryEmail)
                    </div>
                    <div class="form-error">
                        @Html.ValidationMessageFor(m => m.Account.PrimaryEmail)
                    </div>
                </div>
            </div>

            <div class="form-row">
                <div class="form-left-col">
                    @Html.LabelFor(m => m.Account.AlternateEmail)
                </div>
                <div class="form-right-col">
                    <div class="form-field">
                        @Html.TextBoxFor(m => m.Account.AlternateEmail)
                    </div>
                    <div class="form-error">
                        @Html.ValidationMessageFor(m => m.Account.AlternateEmail)
                    </div>
                </div>
            </div>

            <div class="form-row">
                <div class="form-left-col">
                    @Html.LabelFor(m => m.Account.Telephone)
                </div>
                <div class="form-right-col">
                    <div class="form-field">
                        @Html.TextBoxFor(m => m.Account.Telephone)
                    </div>
                    <div class="form-error">
                        @Html.ValidationMessageFor(m => m.Account.Telephone)
                    </div>
                </div>
            </div>

            <div class="form-row">
                <div class="form-left-col">
                    @Html.LabelFor(m => m.Account.Mobile)
                </div>
                <div class="form-right-col">
                    <div class="form-field">
                        @Html.TextBoxFor(m => m.Account.Mobile)
                    </div>
                    <div class="form-error">
                        @Html.ValidationMessageFor(m => m.Account.Mobile)
                    </div>
                </div>
            </div>

            <div class="form-row">
                <div class="form-left-col">
                    @Html.LabelFor(m => m.Account.Username)
                </div>
                <div class="form-right-col">
                    <div class="form-field">
                        @Html.TextBoxFor(m => m.Account.Username)
                    </div>
                    <div class="form-error">
                        @Html.ValidationMessageFor(m => m.Account.Username)
                    </div>
                </div>
            </div>

            <div class="form-row">
                <div class="form-left-col">
                    @Html.LabelFor(m => m.Account.Password)
                </div>
                <div class="form-right-col">
                    <div class="form-field">
                        @Html.TextBoxFor(m => m.Account.Password)
                    </div>
                    <div class="form-error">
                        @Html.ValidationMessageFor(m => m.Account.Password)
                    </div>
                </div>
            </div>


            <div class="form-buttons">
                <button type="submit" value="Create">Create</button>
            </div>

        </fieldset>
    }
</div>
